:host ::ng-deep {
  nz-layout {
    height: 100%;
  }

  nz-layout, nz-header, nz-sider, nz-content {
    background-color: #fff;
  }

  nz-content {
    margin: 0 10px;

    nz-card {
      height: 100%;
      border-width: initial;

      .empty-list {
        height: 60px;
        line-height: 50px;
        text-align: center;
        font-style: italic;
        color: #cccccc;
      }

      .hold-item {
        background-color: #cccccc;
        cursor: move;
      }

      .form-item-selected {
        border-color: #0088cc !important;
      }

      .form-item {
        border: 0.05rem dashed #ccc;

        .cdkDrag {
          position: relative;
          padding-top: 10px;

          gn-form-item {
            display: block;
          }

          #controls {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #ccc;
            font-size: 20px;

            #edit, #delete, #move-handle {
              cursor: pointer;
              margin: 0 5px;

              :hover {
                color: #08c;
                transition: color 0.5s;
              }
            }

            #move-handle {
              cursor: move;
            }
          }
        }
      }
    }
  }

  .form-component {
    height: 2.5rem;
    padding: 0.5rem;
    margin: 0.5rem 0;
    border: 0.05rem solid #ccc;
    border-radius: 0.2rem;
    cursor: pointer;

    i {
      margin-right: 0.5rem;
    }
  }
}
